<template>
  <div>
    <div>子组件</div>
    <p></p>
    <a-button type="primary" @click="$emit('submit')">提交事件</a-button>
    <a-divider></a-divider>
    <a-button type="primary" @click="$emit('submitAttr', 10)"
      >提交事件</a-button
    >
    <a-divider></a-divider>
    <a-button type="primary" @click="emitMethod(10)">提交事件</a-button>
  </div>
</template>

<script>
export default {
  /**
   * 可以对提交的值进行校验
   */
  emits: {
    submitAttr(num) {
      // 通过返回值为 `true` 还是为 `false` 来判断 验证是否通过
      return num == 10;
    },
  },
  methods: {
    emitMethod(num) {
      this.$emit("emitMethod", num);
    },
  },
};
</script>

<style></style>
